<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>家庭成员添加</title>
  <link rel="stylesheet" href="./addTo1.css" />
  <link rel="stylesheet" href="../../../assets/common/common.css" />
  <link rel="stylesheet" href="../../../assets/iconfont/iconfont.css" />
  <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>

<body>
  <!-- 头部 -->
  <header class="addTo1header flex aic jc-sb w100 bg-fff fixed">
    <span class="icon iconfont icon-xiangzuojiantou ml-15 flex aic"></span>
    <span>填加家庭成员</span>
    <span class="icon1 mr-15 flex aic">保存</span>
  </header>
  <!-- 主体 -->
  <div class="addTo1box ">
    <ul class="addTo1List w100 bg-fff">
      <li class="addTo1t1 f16 flex aic">基础信息</li>
      <li class="addTo1t2 flex aic">
        <p class="addTo1Name">
          <span class="base">*</span>
          <span class="t-999">成员姓名</span>
        </p>
        <input class="input pl-10" type="text" placeholder="请输入">
      </li>
      <li id="relationship" class="addTo1t3 flex aic f14 t-999">
        <span class="base">*</span>
        <span class="addTo1Name pl-5">关系</span>
        <span class="fg1">请选择</span>
        <span class="iconfont icon-jiantou mr-15"></span>
      </li>
      <li class="addTo1t2 flex aic">
        <p class="addTo1Name">
          <span class="t-999">工作单位</span>
        </p>
        <input class="input pl-10" type="text" placeholder="请输入">
      </li>
      <li class="addTo1t2 flex aic">
        <p class="addTo1Name">
          <span class="t-999">职位</span>
        </p>
        <input class="input pl-10" type="text" placeholder="请输入">
      </li>
      <li class="addTo1t3 flex aic f14 t-999">
        <span class="addTo1Name">出生日期</span>
        <span class="fg1 pl-5">请选择</span>
        <span class="iconfont icon-jiantou mr-15"></span>
      </li>
      <li class="addTo1t2 flex aic">
        <p class="addTo1Name">
          <span class="t-999">手机号码</span>
        </p>
        <input class="input pl-10" type="text" placeholder="请输入">
      </li>
      <li class="addTo1t2 flex aic">
        <p class="addTo1Name">
          <span class="t-999">备注</span>
        </p>
        <input class="input pl-10" type="text" placeholder="请输入">
      </li>
    </ul>
     <!-- 关系点击事件 -->
     <div class="pop fixed rel dsn">
      <div class="addTo1but abs w100">
        <p class="addTo1poptext w100 t-999 flex aic jc-c f12 bg-fff">请选择与本人关系</p>
        <p class="addTo1poptext1 w100 flex aic jc-c f16 bg-fff">本人</p>
        <p class="addTo1poptext1 w100 flex aic jc-c f16 bg-fff">父母</p>
        <p class="addTo1poptext1 w100 flex aic jc-c f16 bg-fff">配偶</p>
        <p class="addTo1poptext1 w100 flex aic jc-c f16 bg-fff">姐妹</p>
        <p class="addTo1poptext1 w100 flex aic jc-c f16 bg-fff">兄弟</p>
        <p class="addTo1poptext2 w100 t-999 flex aic jc-c f16 bg-fff">取消</p>
      </div>
    </div>


    <!-- 点击弹窗 -->
    <div class="success tac">
      <img src="../../../assets/img/Achievements.img/00fb7cf19f45e6320c7b07895cd7b08.png" alt="" />
      <p>保存成功</p>
    </div>
  </div>

  <script src="./addTo1.js"></script>
</body>

</html>